extends layout

block content
  h1= title
  // 第一种 #{}
  p.row Welcome to #{title}
  button.btn.btn-primary haha

  // 第二种 each val,key in array
  ul
    each val, index in array
      li= index + ': ' + val

  p.row #{jsonObj.sno} : #{jsonObj.sname}

  // 第三种 each val, index in jsonObj
  each val, index in jsonArray
    p.row #{val.sno} : #{val.sname}

  div.row(ng-app="myApp" ng-controller="myCtrl")
    | 名: <input type="text" ng-model="firstName"><br>
    | 姓: <input type="text" ng-model="lastName"><br>
    | 姓名: {{firstName + " " + lastName}}

  // 第四种 js 中引用 jsonObj
  script.
    var a = !{JSON.stringify(jsonObj)};
    // var a = #{jsonObj}
    console.log(a.sno);
    var app = angular.module('myApp', []);
    app.controller('myCtrl', function($scope) {
      $scope.firstName= "John";
      $scope.lastName= "Doe";
    });
